<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>电影</title>
    <link rel="stylesheet" href="../../css/nav.css">
    <link rel="stylesheet" href="../../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/movie.css">
</head>

<body>
    <!-- 导航栏 -->
    <nav>
        <input type="checkbox" id="check">
        <label class="checkbtn" for="check">
            <img class="checkbtn_img" src="../../images/ul.png" alt="列表">
        </label>
        <label>
            <img src="../../images/logo.png" alt="" class="logo_img">
        </label>
        <ul>
            <li><a href="../../index.html">精选</a></li>
            <li><a href="../TVseries/TVseries.html">电视剧</a></li>
            <li><a class="action" href="#">电影</a></li>
            <li><a href="../variety show/variety show.html">综艺</a></li>
            <li><a href="../Documentary/Documentary.html">纪录片</a></li>
            <li><a href="../table/table.html">注册/登录</a></li>
        </ul>
    </nav>
    <!-- 轮播图 -->
    <div class="banner">
        <!-- swiper插件 -->
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="images/swp1.jpg" alt="" srcset="">
                </div>
                <div class="swiper-slide">
                    <img src="images/swp2.jpg" alt="" srcset="">
                </div>
                <div class="swiper-slide">
                    <img src="images/swp3.jpg" alt="" srcset="">
                </div>
                <div class="swiper-slide">
                    <img src="images/swp4.jpg" alt="" srcset="">
                </div>
                <div class="swiper-slide">
                    <img src="images/swp5.jpg" alt="" srcset="">
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
    </div>
    <div class="content">
        <!-- 正在热映 -->
        <div class="hit-movie">
            <div class="box-title">
                <span>
                    正在热映
                </span>
            </div>
            <!-- PC -->
            <div class="pc_min">
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_1.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>花滑女王2·燃梦冰雪预告</span>
                        </a>
                        <span>超前观影观众泪洒现场</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_2.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>熊出没·重返地球</span>
                        </a>
                        <span>“英雄熊二“闪亮登场</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_3.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>澡堂也疯狂·终极预告</span>
                        </a>
                        <span>周云鹏联手东北老炮闹澡堂</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_4.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>奇迹·主题曲MV</span>
                        </a>
                        <span>刘德华易烊千玺梦幻联动</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_5.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>镇魔司：灵源秘术·预告</span>
                        </a>
                        <span>1.14唐门遗孤大杀八方</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_6.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>黑客帝国：矩阵重启</span>
                        </a>
                        <span>中国独家预告重磅来袭！</span>
                    </div>
                </div>
            </div>
            <!-- 移动端 -->
            <div class="mobile_min">
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_1.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>花滑女王2·燃梦冰雪预告</span>
                        </a>
                        <span>超前观影观众泪洒现场</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_2.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>熊出没·重返地球</span>
                        </a>
                        <span>“英雄熊二“闪亮登场</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_3.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>澡堂也疯狂·终极预告</span>
                        </a>
                        <span>周云鹏联手东北老炮闹澡堂</span>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_ing_4.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>奇迹·主题曲MV</span>
                        </a>
                        <span>刘德华易烊千玺梦幻联动</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 首播影院 -->
        <div class="premiere-theater">
            <div class="box-title">
                <span>
                    首播影院
                </span>
            </div>
            <!-- PC -->
            <div class="pc_max">
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_1.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>澡堂也疯狂</span>
                        </a>
                        <span>周云鹏洗浴人爆笑贺岁</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_2.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>千里不留行</span>
                        </a>
                        <span>独行刀客诠释新派西部武侠</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_3.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>阴阳镇怪谈</span>
                        </a>
                        <span>诡异小镇纸人回魂太邪门</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_4.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>沙丘</span>
                        </a>
                        <span>星际少年异星觉醒逆袭</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_5.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>南宋诡事之鬼樊楼</span>
                        </a>
                        <span>唐禹哲克拉拉鬼楼追凶</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_6.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>铁道英雄</span>
                        </a>
                        <span>张涵予范伟杀倭灭寇！</span>
                    </div>
                </div>
            </div>
            <!-- 移动端 -->
            <div class="mobile_max">
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_1.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>澡堂也疯狂</span>
                        <span>周云鹏洗浴人爆笑贺岁</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_2.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>千里不留行</span>
                        <span>独行刀客诠释新派西部武侠</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_3.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>阴阳镇怪谈</span>
                        <span>诡异小镇纸人回魂太邪门</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_4.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>沙丘</span>
                        <span>星际少年异星觉醒逆袭</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_5.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>南宋诡事之鬼樊楼</span>
                        <span>唐禹哲克拉拉鬼楼追凶</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_f_6.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>铁道英雄</span>
                        <span>张涵予范伟杀倭灭寇！</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 自制电影 -->
        <div class="homemade-movie">
            <div class="box-title">
                <span>
                    自制电影
                </span>
            </div>
            <!-- PC -->
            <div class="pc_max">
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_1.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>末日救援</span>
                        </a>
                        <span>中国战士对抗外星虫群！</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_2.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>东北传说之猎狐</span>
                        </a>
                        <span>东北怪谈多！狐大仙索命</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_3.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>牧野诡事之寻龙</span>
                        </a>
                        <span>怒闯仙人墓！天下霸唱新作</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_4.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>烧烤之王</span>
                        </a>
                        <span>崔志佳孙越爆笑闯夜宵江湖</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_5.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>猎杀外星人</span>
                        </a>
                        <span>废柴兄弟大战外星入侵者 </span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_6.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>南海鲛人</span>
                        </a>
                        <span>神秘水怪强掳新婚少女</span>
                    </div>
                </div>
            </div>
            <!-- 移动端 -->
            <div class="mobile_max">
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_1.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>末日救援</span>
                        <span>中国战士对抗外星虫群！</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_2.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>东北传说之猎狐</span>
                        <span>东北怪谈多！狐大仙索命</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_3.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>牧野诡事之寻龙</span>
                        <span>怒闯仙人墓！天下霸唱新作</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_4.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>烧烤之王</span>
                        <span>崔志佳孙越爆笑闯夜宵江湖</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_5.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>猎杀外星人</span>
                        <span>废柴兄弟大战外星入侵者</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/mov_zi_6.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>南海鲛人</span>
                        <span>神秘水怪强掳新婚少女</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 影评栏目 -->
        <div class="Film-review-column">
            <div class="box-title">
                <span>
                    影评栏目
                </span>
            </div>
            <!-- PC -->
            <div class="pc_min">
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_1.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>模仿电影情节作死的<br />小能手们！</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_2.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>《蜘蛛侠3》票房爆了，<br />彼得可能要离开漫威</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_3.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>看《黑客帝国4》之前，你<br />要知道这些事。</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_4.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>年终总结！中西方的艺术<br />差距究竟有多大！</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_5.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>2022过年之前必看的电影！</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_6.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>张译从草根逆袭成影帝背后<br />的隐情！</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 移动端 -->
            <div class="mobile_min">
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_1.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>模仿电影情节作死的<br />小能手们！</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_2.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>《蜘蛛侠3》票房爆了，<br />彼得可能要离开漫威</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_3.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>看《黑客帝国4》之前，<br />你要知道这些事。</span>
                        </a>
                    </div>
                </div>
                <div class="min_box">
                    <div class="min_img">
                        <img src="images/mov_lan_4.jpg" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>年终总结！中西方的艺术<br />差距究竟有多大！</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 特色策划 -->
        <div class="Featured-planning">
            <div class="box-title">
                <span>
                    特色策划
                </span>
            </div>
            <!-- PC -->
            <div class="pro-box-pc">
                <div class="cont-box">
                    <div class="cont-img">
                        <img src="images/mov_te_1.jpg" alt="" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>我在光影之中看党史</span>
                        </a>
                    </div>
                </div>
                <div class="cont-box">
                    <div class="cont-img">
                        <img src="images/mov_te_2.jpg" alt="" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>经典恐龙电影：让你一次看个够</span>
                        </a>
                    </div>
                </div>
                <div class="cont-box">
                    <div class="cont-img">
                        <img src="images/mov_te_3.jpg" alt="" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>哈波八部曲+神奇动物一次看爽</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 移动端 -->
            <div class="pro-box-min">
                <div class="cont-box">
                    <div class="cont-img">
                        <img src="images/mov_te_1.jpg" alt="" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>我在光影之中看党史</span>
                        </a>
                    </div>
                </div>
                <div class="cont-box">
                    <div class="cont-img">
                        <img src="images/mov_te_2.jpg" alt="" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>经典恐龙电影：让你一次看个够</span>
                        </a>
                    </div>
                </div>
                <div class="cont-box">
                    <div class="cont-img">
                        <img src="images/mov_te_3.jpg" alt="" class="back_img_wh">
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>哈波八部曲+神奇动物一次看爽</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 第32届金鸡奖佳片大赏 -->
        <div class="Best-Film-Awards">
            <div class="box-title">
                <span>
                    第32届金鸡奖佳片大赏
                </span>
            </div>
            <!-- PC -->
            <div class="pc_max">
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_1.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>我不是药神</span>
                        </a>
                        <span>双面徐峥走私印度抗癌药 </span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_2.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>地久天长</span>
                        </a>
                        <span>聚焦时代变迁下的家庭样貌</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_3.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>流浪地球</span>
                        </a>
                        <span>吴京点燃木星拯救地球</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_4.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>妖猫传</span>
                        </a>
                        <span>妖猫现世牵扯三十年陈情往事</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_5.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>古田军号</span>
                        </a>
                        <span>红军小号手的英雄路</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_6.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <a href="#">
                            <span>后来的我们</span>
                        </a>
                        <span>刘若英导演处女作</span>
                    </div>
                </div>
            </div>
            <!-- 移动端 -->
            <div class="mobile_max">
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_1.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>我不是药神</span>
                        <span>双面徐峥走私印度抗癌药</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_2.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>地久天长</span>
                        <span>聚焦时代变迁下的家庭样貌</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_3.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>流浪地球</span>
                        <span>吴京点燃木星拯救地球</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_4.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>妖猫传</span>
                        <span>妖猫现世牵扯三十年陈情往事 </span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_5.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>古田军号</span>
                        <span>红军小号手的英雄路</span>
                    </div>
                </div>
                <div class="pc_box">
                    <div class="pc_main">
                        <div class="back_img">
                            <img src="images/tv_32_6.jpg" class="back_img_wh">
                        </div>
                    </div>
                    <div class="introduce">
                        <span>后来的我们</span>
                        <span>刘若英导演处女作</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <footer>
        <div class="foot_content">
            <p>本网站仅用于交流，不用于商用</p>
        </div>
    </footer>
    <script src="../../js/swiper-bundle.min.js"></script>
    <script src="../../js/index.js"></script>
</body>

</html>